<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>RGBA colors</title>
<style type="text/css">
.box{
    width:300px;
    height:200px;
    /* 多颜色渐变 */
    background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
}
.test_demo{
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    width:200px; 
    background:#ccc;
}
@font-face {
    font-family: "MOOC Font";
    src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");
}
.demo {
    width: 340px;
    padding: 30px;    
    color: #566F89;
    background: #000;
    font-size:58px;
    font-family: "MOOC Font";
}
</style>
</head> 
<body>
<div class="box"></div>
<div class="test_demo">
    超酷的IT技术学习平台（我是省略号）
</div>
<div class="demo">IMOOC</div>
</body>
</html>